<script setup lang="ts">
  import { defineEmits, defineProps } from 'vue'

  const props = defineProps({
    params1: {
      type: Number
    },
    params2: {
      type: Number
    }
  })

  const emit = defineEmits(['click1', 'click2'])

  const cl1 = () => {
    emit('click1')
  }

  const cl2 = () => {
    emit('click2')
  }
</script>

<template>
  <div class="col">
    <span>{{ props.params1 }}</span>
    <span>{{ props.params2 }}</span>
    <button @click="cl1">测试事件1</button>
    <button @click="cl2">测试事件2</button>
  </div>
</template>

<style scoped></style>
